<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>剧情片 · 光影世界</title>
  <link rel="stylesheet" href="../assets/style.css">
  <link rel="stylesheet" href="../assets/plot.css">
</head>

<body>
  <header class="container">
    <h1 class="site-title">光影世界</h1>
    <p class="site-subtitle">剧情片 列表</p>
    <nav style="margin-top:8px"><a href="../index.html">首页</a></nav>
  </header>
  <main style="padding:18px 0">
    <section class="module-section container">
      <div class="banner">
        <div class="inner">
          <h2>剧情片 · 专题列表</h2>
        </div>
      </div>
      <div class="movie-grid" style="margin-top:18px">

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/肖申克的救赎.jpg" alt="肖申克的救赎海报"
            onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">肖申克的救赎</h3>
            <div class="movie-meta">1994 · 美国 · 弗兰克·德拉邦特</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/肖申克的救赎.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/教父.jpg" alt="教父海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">教父</h3>
            <div class="movie-meta">1972 · 美国 · 弗朗西斯·福特·科波拉</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/教父.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/阿甘正传.jpg" alt="阿甘正传海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">阿甘正传</h3>
            <div class="movie-meta">1994 · 美国 · 罗伯特·泽米吉斯</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/阿甘正传.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/心灵捕手.jpg" alt="心灵捕手海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">心灵捕手</h3>
            <div class="movie-meta">1997 · 美国 · 格斯·范·桑特</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/心灵捕手.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/绿里奇迹.jpg" alt="绿里奇迹海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">绿里奇迹</h3>
            <div class="movie-meta">1999 · 美国 · 弗兰克·德拉邦特</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/绿里奇迹.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/美丽人生.jpg" alt="美丽人生海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">美丽人生</h3>
            <div class="movie-meta">1997 · 意大利 · 罗贝托·贝尼尼</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/美丽人生.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/海上钢琴师.jpg" alt="海上钢琴师海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">海上钢琴师</h3>
            <div class="movie-meta">1998 · 意大利 · 朱塞佩·托纳多雷</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/海上钢琴师.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/盗火线.jpg" alt="盗火线海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">盗火线</h3>
            <div class="movie-meta">1995 · 美国 · 迈克·李</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/盗火线.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/疯狂的石头.jpg" alt="疯狂的石头海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">疯狂的石头</h3>
            <div class="movie-meta">2006 · 中国 · 宁浩</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/疯狂的石头.html">查看更多</a>
          </div>
        </article>

        <article class="movie-card">
          <img class="movie-poster" src="../assets/posters/霸王别姬.jpg" alt="霸王别姬海报" onerror="this.style.display='none'">
          <div class="movie-info">
            <h3 class="movie-title">霸王别姬</h3>
            <div class="movie-meta">1993 · 中国 · 陈凯歌</div>
            <p class="movie-description">点击下方查看详情与影评。</p>
            <a class="read-more" href="../movies/霸王别姬.html">查看更多</a>
          </div>
        </article>

      </div>
    </section>
  </main>
  <footer class="container" style="padding:18px 0;border-top:1px solid #eee">© 2025 光影世界</footer>
  <script src="../assets/app.js"></script>
</body>

</html>